<!--
 * @Date: 2022-11-12 12:20:03
 * @LastEditors: sailornpg
 * @LastEditTime: 2022-11-29 14:25:04
 * @FilePath: \vue-admin-ts\src\views\main\system\menu\menu.vue
 * @Description: menu
-->
<template>
  <div>
    <page-content
      :contentConfig="contentConfig"
      pageName="menu"
      title="菜单列表"
      ref="pageContentRef"
    ></page-content>
  </div>
</template>
<script lang="ts" setup>
import { usePageSearch } from "@/hooks/usePageSearch";
import pageContent from "@/views/main/components/pageContent/index.vue";
import { reactive } from "vue";
import { menuTableOptions } from "./options";
const [pageContentRef, searchHandle, reset] = usePageSearch();
const contentConfig = reactive({
  tableOptions: menuTableOptions,
  pageConfig: {
    paginationAlign: "right",
  },
  attrs: {
    border: true,
    showIndex: true,
    pagination: true,
    pageSizes: [5, 10, 15, 20],
    rowKey: "id",
    treeProp: {
      children: "children",
      hasChildren: "hasChildren",
    },
  },
});
</script>
<style lang="less" scoped></style>
